<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
		<div class="top">
				<div class="topbar">
				
					<div class="left">
						<ul>
							<li class="logo">
		                     
						       <a href=""></a>
							</li>
							<li class="twofont"><a href="">商城</a></li>
							<li class="twofont"><a href="">手机</a></li>
							<li class="twofont"><a href="">配件</a></li>
							<li class="threefont"><a href="">体验店</a></li>
						</ul>
					
						
					</div>
					<div class="right">
						<ul>
							 <li class="login">
							    <span></span>
							 	<a href="">注册</a>
							 	<a href="">登录</a>
							 </li>
					       
					         <li class="cart">
					   	        <a href=""></a>
					         </li>
						</ul>
					  
						
					</div>
				</div>
				       <div class="lbk">
	
		       	<div class="lbt">
					<ul class="lbleft">
						<li class="ztk">
							<div class="zt">
								<div class="ztleft">
									
	
	
									
								</div>
								<div class="ztcenter">
									<h2 class="zttop">Z系列</h2>
									<p>Z9系列/Z7系列</p>
								</div>
								<div class="ztright">
							
								</div>
								<a href=""></a>
								
							</div>
							<div class="zthi">
								
							</div>
							
						</li>
						<li class="ztk">
							<div class="zt">
								<div class="ztleft">
									
	
	
									
								</div>
								<div class="ztcenter">
									<h2 class="zttop">Z系列</h2>
									<p>Z9系列/Z7系列</p>
								</div>
								<div class="ztright">
							
								</div>
								<a href=""></a>
								
							</div>
							<div class="zthi">
								
							</div>
							
						</li>
						<li class="ztk">
							<div class="zt">
								<div class="ztleft">
									
	
	
									
								</div>
								<div class="ztcenter">
									<h2 class="zttop">Z系列</h2>
									<p>Z9系列/Z7系列</p>
								</div>
								<div class="ztright">
							
								</div>
								<a href=""></a>
								
							</div>
							<div class="zthi">
								
							</div>
							
						</li>
						<li class="ztk">
							<div class="zt">
								<div class="ztleft">
									
	
	
									
								</div>
								<div class="ztcenter">
									<h2 class="zttop">Z系列</h2>
									<p>Z9系列/Z7系列</p>
								</div>
								<div class="ztright">
							
								</div>
								<a href=""></a>
								
							</div>
							<div class="zthi">
								
							</div>
							
						</li>
						<li class="ztk end">
							<div class="zt">
								<div class="ztleft">
									
	
	
									
								</div>
								<div class="ztcenter">
									<h2 class="zttop">Z系列</h2>
									<p>Z9系列/Z7系列</p>
								</div>
								<div class="ztright">
							
								</div>
								<a href=""></a>
								
							</div>
							<div class="zthi">
								
							</div>
							
						</li>
	
	
	
	
	
						
						
					</ul>
					<div class="lbright">
						<img src="images/143936940691.jpg" alt="" />
						<a href=""></a>
						
					</div>
					
				</div>
	       </div>
	       <div class="tz">
		       	<div class="tzleft taozhuang">
		       		<img src="images/nb-ml-nr-item-pic8.jpg" alt="" />
		       		<div class="taozright">
		       			<h2>开放发售</h2>
		       			<p>Z9系列全场免预约</p>
		       			<a href="">开放购买</a>
		       			
		       		</div>
		       		
		       	</div>
		       	<div class="tzright taozhuang">
		       		<img src="images/nb-mall-m-package-pic1.jpg" alt="" />
		       		<div class="taozright">
		       			<h2>开放发售</h2>
		       			<p>Z9系列全场免预约</p>
		       			<a href="">开放购买</a>
		       			
		       		</div>
		       	</div>
	       	
	       </div>
	       <div class="remaibar">
		       	<h2>热卖产品</h2>
		       	<a href="">查看更多产品></a>
		       	
	       </div>
	       <div class="hotpro">
		       	<div class="row">
		       		<div class="dy">
		       			<img src="images/588-mall-m-hot-pic1.jpg" alt="" />
		       			<h2>My布拉格经典版</h2>
		       			<span class="pri">￥</span><span>1799</span>
		       		</div>
		       		<div class="dy">
		       			<img src="images/588-mall-m-hot-pic1.jpg" alt="" />
		       			<h2>My布拉格经典版</h2>
		       			<span class="pri">￥</span><span>1799</span>
		       		</div>
		       		<div class="dy dyend">
		       			<img src="images/588-mall-m-hot-pic1.jpg" alt="" />
		       			<h2>My布拉格经典版</h2>
		       			<span class="pri">￥</span><span>1799</span>
		       		</div>
		       		
		       	</div>
		       	<div class="row">
		       		<div class="dy">
		       			<img src="images/588-mall-m-hot-pic1.jpg" alt="" />
		       			<h2>My布拉格经典版</h2>
		       			<span class="pri">￥</span><span>1799</span>
		       		</div>
		       		<div class="dy">
		       			<img src="images/588-mall-m-hot-pic1.jpg" alt="" />
		       			<h2>My布拉格经典版</h2>
		       			<span class="pri">￥</span><span>1799</span>
		       		</div>
		       		<div class="dy dyend">
		       			<img src="images/588-mall-m-hot-pic1.jpg" alt="" />
		       			<h2>My布拉格经典版</h2>
		       			<span class="pri">￥</span><span>1799</span>
		       		</div>
		       		
		       	</div>
		       	<div class="row rowend">
		       		<div class="dy">
		       			<img src="images/588-mall-m-hot-pic1.jpg" alt="" />
		       			<h2>My布拉格经典版</h2>
		       			<span class="pri">￥</span><span>1799</span>
		       		</div>
		       		<div class="dy">
		       			<img src="images/588-mall-m-hot-pic1.jpg" alt="" />
		       			<h2>My布拉格经典版</h2>
		       			<span class="pri">￥</span><span>1799</span>
		       		</div>
		       		<div class="dy dyend">
		       			<img src="images/588-mall-m-hot-pic1.jpg" alt="" />
		       			<h2>My布拉格经典版</h2>
		       			<span class="pri">￥</span><span>1799</span>
		       		</div>
		       		
		       	</div>
	       </div>
	       <div class="remaibar">
		       	<h2>精选配件</h2>
		       	<a href="">查看更多产品></a>
		       	
	       </div>
	       <div class="jxpjpro">
	       	    <div class="littlepj">
	       	    	<div class="lpj">
	       	    		<img src="images/nbc-acce-nav-img1.jpg" alt="" />
	       	    	    <p>耳机</p>
	       	    	</div>
	       	    	<div class="lpj">
	       	    		<img src="images/nbc-acce-nav-img1.jpg" alt="" />
	       	    	    <p>耳机</p>
	       	    	</div>
	       	    	<div class="lpj">
	       	    		<img src="images/nbc-acce-nav-img1.jpg" alt="" />
	       	    	    <p>耳机</p>
	       	    	</div>
	       	    	<div class="lpj">
	       	    		<img src="images/nbc-acce-nav-img1.jpg" alt="" />
	       	    	    <p>耳机</p>
	       	    	</div>
	       	    	<div class="lpj">
	       	    		<img src="images/nbc-acce-nav-img1.jpg" alt="" />
	       	    	    <p>耳机</p>
	       	    	</div>
	       	    </div>
	       	    <div class="bigpj">
	       	    	<div class="fst bigdy">
	       	    		<div class="bigprody">
	       	    			<img src="images/nb-mall-m-access-pic4.jpg" alt="" />
	       	    			<h2>My布拉格经典版</h2>
		       			    <span class="pri">￥</span><span>1799</span>
	       	    		</div>
	       	    		<div class="bigprody">
	       	    			<img src="images/nb-mall-m-access-pic4.jpg" alt="" />
	       	    			<h2>My布拉格经典版</h2>
		       			    <span class="pri">￥</span><span>1799</span>
	       	    			
	       	    		</div>
	       	    		
	       	    	</div>
	       	    	<div class="sd bigdy">
	       	    		<div class="bigprody">
	       	    			<img src="images/nb-mall-m-access-pic4.jpg" alt="" />
	       	    			<h2>My布拉格经典版</h2>
		       			    <span class="pri">￥</span><span>1799</span>
	       	    			
	       	    		</div>
	       	    		<div class="bigprody">
	       	    			<img src="images/nb-mall-m-access-pic4.jpg" alt="" />
	       	    			<h2>My布拉格经典版</h2>
		       			    <span class="pri">￥</span><span>1799</span>
	       	    			
	       	    		</div>
	       	    		
	       	    	</div>
	       	    	<div class="thd bigdy">
	       	    		<img src="images/nb-mall-m-access-pic5.jpg" alt="" />
	       	    		<h2>My布拉格经典版</h2>
		       			<span class="pri">￥</span><span>1799</span>
	       	    		
	       	    	</div>
	       	    </div>
	       </div>
	       <div class="remaibar">
		       	<h2>周边产品</h2>
		       	<a href="">查看更多产品></a>
           </div>
           <div class="zbpro">
	           	<div class="zbdy">
	           		<img src="images/nb-mall-m-rel-pic4.jpg" alt="" />
	           		<h2>Z9 mini皮质保护套</h2>
		       		<span class="pri">￥</span><span>169</span>
	           	</div>
	           	<div class="zbdy">
	           		<img src="images/nb-mall-m-rel-pic4.jpg" alt="" />
	           		<h2>Z9 mini皮质保护套</h2>
		       		<span class="pri">￥</span><span>169</span>
	           		
	           	</div>
	           	<div class="zbdy zbend">
	           		<img src="images/nb-mall-m-rel-pic4.jpg" alt="" />
	           		<h2>Z9 mini皮质保护套</h2>
		       		<span class="pri">￥</span><span>169</span>
	           		
	           	</div>
           	
           </div>
           <div class="xxshop">
	           	<div class="pic">
	           		<div class="out">
		           		<div class="picleft picdy">
		           			<img src="images/nbc-shop-add-ico.jpg" alt="" />
		           			<span>查找线下商店</span>
		           		</div>
		           		<div class="picright picdy">
		           			<img src="images/nbc-shop-tel-ico.jpg" alt="" />
		           			<span class="hotline">400-700-6600</span>
		           			
		           		</div>

	           		</div>

	           		
	           	</div>
	           			           		<h2>		           			线下商店购买拥有完备的售后服务
没有购机后顾之忧
	           			           		</h2>

		           	
		           		<a href="">了解更多></a>
           </div>
           <div class="link">
	           	<ul>
	           		关于我们
	           		<li><a href="">关于nubia</a></li>
	           		<li><a href="">新闻中心</a></li>
	           		<li><a href="">体验店</a></li>
	           		<li><a href="">公益</a></li>
	           		<li><a href="">星空之约</a></li>
	           		<li><a href="">联系我们</a></li>
	           		<li><a href="">友情链接</a></li>
	           	</ul>
	           	           	<ul>
	           		手机
	           		<li><a href="">关于nubia</a></li>
	           		<li><a href="">新闻中心</a></li>
	           		<li><a href="">体验店</a></li>
	           		<li><a href="">公益</a></li>
	           		<li><a href="">星空之约</a></li>
	           		<li><a href="">联系我们</a></li>
	           		<li><a href="">友情链接</a></li>
	           	</ul>
	           		           	<ul>
	           		配件
	           		<li><a href="">关于nubia</a></li>
	           		<li><a href="">新闻中心</a></li>
	           		<li><a href="">体验店</a></li>
	           		<li><a href="">公益</a></li>
	           		<li><a href="">星空之约</a></li>
	           		<li><a href="">联系我们</a></li>
	           		<li><a href="">友情链接</a></li>
	           	</ul>
	           		           	<ul>
	           		服务中心
	           		<li><a href="">关于nubia</a></li>
	           		<li><a href="">新闻中心</a></li>
	           		<li><a href="">体验店</a></li>
	           		<li><a href="">公益</a></li>
	           		<li><a href="">星空之约</a></li>
	           		<li><a href="">联系我们</a></li>
	           		<li><a href="">友情链接</a></li>
	           	</ul>
	           		           	<ul>
	           		关注我们
	           		<li><a href="">关于nubia</a></li>
	           		<li><a href="">新闻中心</a></li>
	           		<li><a href="">体验店</a></li>
	           		<li><a href="">公益</a></li>
	           		<li><a href="">星空之约</a></li>
	           		<li><a href="">联系我们</a></li>
	           		<li><a href="">友情链接</a></li>
	           	</ul>
	           	<div class="rxdh">
	           		<a href="">7*24小时在线服务</a>
	           		<img src="images/nb-mbc-tel.jpg" alt="" />
	           		<p>周一到周日 8:30-20:30 (全年无休)</p>
	           	</div>
	       </div>
	
		</div>
		
		

	</body>
</html>
